.slick-prev, .slick-next { width: 20px; height: 36px; z-index: 99; }
.slick-next { color: #fff; right: 50px; background: url(../images/index/w_banyou.png) no-repeat center; }
.slick-prev { color: #fff; left: 50px; background: url(../images/index/w_banzuo.png) no-repeat center; }
.slick-dots li { background: none; border: 1px solid #fff; opacity: 1; margin: 0 8px !important; }
.g_syban { position: relative; }
.g_syban video { width: 100%; }
.g_sybantu { position: relative; }
.g_sybantu a { display: block }
.g_sybantu .text { position: absolute; width: 1280px; left: 50%; top: 27%; transform: translate(-50%, 0%); color: #fff; z-index: 100; line-height: 1.75; }
.g_sybantu .text h2 { font-size: 52px; letter-spacing: 1px; }
.g_sybantu .text strong { font-size: 36px; font-weight: 500; }
.slick-dots li.slick-active { background: #fff; }
.g_syban .more { width: 26px; position: absolute; left: 50%; margin-left: -13px; bottom: 0px; z-index: 100; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); text-align: center; animation: mymove 1.2s infinite; -webkit-animation: mymove 1.2s infinite; cursor: pointer; }
 @-webkit-keyframes mymove {  from {
 bottom: 80px;
}
to { bottom: 76px; }
}
 @keyframes mymove {  from {
 bottom: 80px;
}
to { bottom: 76px; }
}
.muo1 .ul1 { margin-bottom: 40px; }
.muo1 .ul1 li { width: 11.11%; border-bottom: 1px solid #dedede; float: left; }
.muo1 .ul1 li a { display: block; line-height: 60px; font-size: 18px; color: #666; font-weight: 600; text-align: center; border-bottom: 3px solid transparent; }
.muo1 .ul1 li:hover a { border-bottom: 3px solid #0068b7; color: #0068b7; }
.muo1 .ul2 li { width: 25%; float: left; }
.muo1 .ul2 li a { display: block; padding: 32px 44px; text-align: center; background: #ffffff; border-bottom: 3px solid transparent; }
.muo1 .ul2 li:nth-child(2n) a { background: #fff; }
.muo1 .ul3 li:nth-child(2n) a { background: #f9f9f9; }
.muo1 .ul3 li:nth-child(odd) a { background: #fff; }
.muo1 .ul2 li a .pho { width: 220px; margin: 0 auto 20px; }
.muo1 .ul2 li a p { margin: 30px 0 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; }
.muo1 .ul2 li:hover a { background: #fff; position: relative; z-index: 100; border-bottom: 3px solid #0068b7; box-shadow: 0 0 8px rgba(0, 0, 0, .2); }
.muo1 .ul2 li:hover a p { color: #0068b7; }
.muo2 { margin: 60px 0; }
.muo2 .lBox { width: 46%; position: relative; }
.muo2 .lBox .text { position: absolute; left: 0; right: 0; top: 0; padding: 40px 60px; color: #fff; }
.muo2 .lBox .text h5 { font-size: 20px; line-height: 1.5; font-weight: 500; margin-bottom: 5px; }
.muo2 .lBox .text h2 { font-size: 48px; font-weight: normal; }
.muo2 .lBox .text p { font-size: 16px; line-height: 30px; margin-top: 25px; }
.muo2 .lBox ul { position: absolute; left: 0; right: 0; bottom: 30px; padding: 0 70px; }
.muo2 .lBox ul li { width: 25%; float: left; color: #fff; }
.muo2 .lBox ul li strong { font-size: 20px; font-weight: 500; }
.muo2 .lBox ul li span { display: block; font-size: 20px; margin-top: 5px; }
.muo2 .rBox { width: 54%; }
.muo2 .rBox li { width: 33.33%; float: left; padding-left: 32px; box-sizing: border-box; margin-bottom: 40px; }
.muo2 .rBox li a { display: block; position: relative; text-align: center; overflow: hidden; }
.muo2 .rBox li a .pho { position: relative; background: #f6f6f6; }
.muo2 .rBox li:nth-child(2n) .pho img { opacity: 0; }
.muo2 .rBox li:nth-child(2n) .pho .tex { color: #333; }
.muo2 .rBox li:nth-child(2n) a .pho .tex span { border-color: #333; }
.muo2 .rBox li a .pho .tex { position: absolute; left: 0; right: 0; bottom: 0; top: 0; color: #fff; }
.muo2 .rBox li a .pho .tex b { display: block; width: 40px; height: 40px; background: url(../images/index/icon4.png) no-repeat center; background-size: cover; margin: 40px auto 10px; display: none; }
.muo2 .rBox li:nth-child(2n) a .pho .tex b { display: block; }
.muo2 .rBox li:nth-child(odd) .tex h3 { margin-top: 30%; }
.muo2 .rBox li a h3 { font-size: 18px; padding: 0 10px; letter-spacing: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.muo2 .rBox li a span { display: block; border-radius: 50%; border: 1px solid #fff; margin: 20px auto 0; width: 26px; height: 26px; line-height: 22px; font-size: 26px; text-align: center; }
.muo2 .rBox li a .text { position: absolute; left: 0; top: 0; right: 0; padding: 10px; bottom: 0; background: #0068b7; color: #fff; transform: translateY(101%); transition: 0.3s; }
.muo2 .rBox li a .text h3 { margin-top: 8%; margin-bottom: 10px; }
.muo2 .rBox li a .text p { font-size: 15px; line-height: 20px; height: 40px; overflow: hidden; }
.muo2 .rBox li:hover a .text { transform: translateY(0); }
.muo3 { background: #f9f9f9; padding: 25px 0 60px; position: relative; }
.muo3:after { content: ""; position: absolute; left: -20px; bottom: 30px; z-index: 100; width: 200px; height: 200px; background: url(../images/index/icon17.png) no-repeat center; background-size: cover; opacity: 0.8; z-index: 0; }
.muo3 .title { margin-top: 0; }
.muo3 .sec { position: relative; }
.muo3 .swiper-container { margin: 0 60px; }
.muo3 .swiper-button-prev:after, .muo3 .swiper-button-next:after { display: none; }
.muo3 .swiper-button-next, .muo3 .swiper-button-prev { width: 50px; top: 60%; height: 50px; }
.muo3 .swiper-button-next { right: 80px; }
.muo3 .swiper-button-prev { left: 80px; }
.muo3 .alSwiper a { display: block; position: relative; overflow: hidden; }
.muo3 .alSwiper .text { position: absolute; left: 0; right: 0; bottom: 0; top: 0; color: #fff; background: rgba(0, 0, 0, .3); padding: 25px 42px; transform: translateY(70%); transition: 0.3s; }
.muo3 .alSwiper .text h3 { font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.muo3 .alSwiper .text span.time { display: block; font-size: 15px; margin-top: 8px; }
.muo3 .alSwiper .text p { font-size: 16px; line-height: 28px; margin: 20px 0 30px; height: 56px; overflow: hidden; }
.muo3 .alSwiper .text span.more { font-size: 15px; padding-right: 70px; display: inline-block; background: url(../images/index/icon5.png) no-repeat right center; background-size: 30px; }
.muo3 .alSwiper .swiper-slide:hover .text { transform: translateY(0); padding-top: 40px; background: rgba(0, 104, 183, 0.9); }
.muo4 { background: url(../images/index/shan.jpg) no-repeat right bottom; padding: 40px 100px 60px; background-size: cover; }
.muo4 .title { margin-top: 0; }
.muo4 li { width: 23.5%; float: left; margin-right: 2%; }
.muo4 li:last-child { margin-right: 0; }
.muo4 li a { display: block; background: #f9f9f9; transition: 0.3s; }
.muo4 li a .text { padding: 30px 40px; border-top: 1px solid #fff; }
.muo4 li a .text p { font-size: 18px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }
.muo4 li a .text span { display: block; font-size: 15px; color: #666; margin: 5px 0; }
.muo4 li:hover a { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .2); }
.muo4 li:hover a .text { border-top: 1px solid #efefef; }
.muo4 li:hover a .text p { color: #0068b7; }
.muo4 .dl dl { margin-top: 40px; width: 32%; margin-right: 2%; box-sizing: border-box; display: table; float: left; background: #fff; border-radius: 5px; overflow: hidden; }
.muo4 .dl dl:nth-child(3n) { margin-right: 0; }
.muo4 .dl dl a { display: block; }
.muo4 .dl dl dt { width: 100px; display: table-cell; text-align: center; vertical-align: middle; }
.muo4 .dl dl dt span { display: block; line-height: 50px; color: #fff; font-size: 18px; background: rgba(16, 80, 168, 0.9); }
.muo4 .dl dl dt strong { display: block; line-height: 70px; background: #0068b7; color: #fff; font-size: 26px; font-weight: 500; }
.muo4 .dl dl dd { display: table-cell; padding: 0 16px; vertical-align: middle; }
.muo4 .dl dl dd h3 { font-size: 18px; margin-bottom: 5px; width: 95%; overflow: hidden; height: 30px; overflow: hidden; }
.muo4 .dl dl dd p { font-size: 14px; line-height: 25px; height: 50px; overflow: hidden; }
.muo5 { background: url(../images/index/index06.jpg) bottom center no-repeat; padding-bottom: 60px; overflow: hidden; }
.muo5 li { width: 25%; float: left; padding: 18px; box-sizing: border-box; }
.muo5 li .pho { position: relative; }
.muo5 li .pho:after { content: ""; width: 60px; height: 60px; background: url(../images/index/icon19.png) no-repeat center; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.muo5 li p { line-height: 50px; font-size: 18px; background: #f6f6f6; color: #333; text-align: center; }
.muo6 { padding: #f9f9f9; }
.muo6 h2.titl { font-size: 36px; }
.muo6 .seCon { color: #fff; padding: 40px 100px 60px; background: url(../images/index/9.jpg) no-repeat center; background-size: cover; text-align: center; }
.muo6 .seCon p { width: 80%; margin: 40px auto; font-size: 18px; line-height: 40px; }
.muo6 .seCon a { display: block; width: 160px; line-height: 42px; margin: 20px auto; font-size: 15px; border-radius: 21px; color: #fff; font-weight: 600; border: 1px solid #fff }
.muo6 .seCon .ul li { display: inline-block; width: 100px; margin: 0 50px; opacity: 0.9; }
.muo6 .seCon .ul li span { display: block; margin: 0 auto 10px; width: 100px; height: 100px; position: relative; }
.muo6 .seCon .ul li span b { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; overflow: hidden; padding: 5px; }
.muo6 .seCon .ul li span:after { content: ''; width: 80px; height: 80px; border-radius: 50%; border: 2px solid #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; }
.muo6 .seCon .ul li img { width: 50px; }
.muo6 .seCon .ul li.on span b { background: #fff; border-radius: 50%; }
.muo6 .seCon .ul li.on span:after { display: block; }
.muo6 .seCon .ul li.on img { margin-top: -50px; }
.muo6 .seCon .ul li strong { font-size: 20px; color: #fff; }
.muo6 .seBot { background: #f9f9f9; padding: 60px 250px; }
.muo6 .seBot .tab { padding: 80px 0; }
.muo6 .seBot .box1 li { width: 20%; float: left; text-align: center; border-right: 1px solid #e5e5e5; box-sizing: border-box; }
.muo6 .seBot .box1 li:last-child { border-right: none; }
.muo6 .seBot .box1 li strong { display: block; font-size: 44px; color: #2a8b3a; }
.muo6 .seBot .box1 li span { font-size: 20px; }
.muo6 .seBot .box1 li p { font-size: 18px; color: #999; line-height: 30px; }
.muo .seBot .box2 li { width: 25%; float: left; text-align: center; }
.muo6 .seBot .box2 li span { width: 80px; display: block; margin: 0 auto 15px; }
.muo6 .seBot .box2 li strong { font-size: 18px; color: #333; }
.muo6 .seBot .box2 li p { font-size: 16px; margin-top: 6px; color: #666; }
.muo7 { padding: 80px 0; text-align: center; background: url(../images/index/11.jpg) no-repeat center; background-size: cover; color: #fff; text-shadow: 0 0 8px rgba(0, 0, 0, .3); }
.muo7 h2 { font-size: 32px; }
.muo7 h4 { font-size: 26px; margin: 15px 0 30px; letter-spacing: 1px; }
.muo7 p { font-size: 18px; }
.muo7 a { display: block; margin: 40px auto 0; border: 2px solid #fff; width: 160px; line-height: 46px; font-size: 18px; color: #fff; }
 @media all and (min-width: 1024px) and (max-width: 1680px) {
.bannerswiper .more { width: 22px; margin-left: -11px; }
.g_sybantu .text { top: 35%; }
.g_sybantu .text h2 { font-size: 48px; }
.g_sybantu .text strong { font-size: 32px; }
.muo2 .lBox .text h2 { font-size: 42px; }
.muo6 .seCon p { margin: 28px auto; font-size: 16px; }
.muo6 .seBot { padding: 40px 250px; }
.muo6 .seBot .box2 li span { width: 65px; }
.muo5 li p { font-size: 16px; }
.muo7 a { width: 140px; font-size: 16px; border-width: 1px; line-height: 40px; }
.muo7 p { font-size: 16px; }
.muo3 .swiper-button-next, .muo3 .swiper-button-prev { width: 45px; height: 45px; }
.muo3 .alSwiper .text { padding: 16px 26px; transform: translateY(65%); }
.muo3 .alSwiper .swiper-slide:hover .text { padding-top: 25px; }
.muo3:after { width: 180px; height: 180px; }
}
 @media all and (min-width: 1024px) and (max-width: 1440px) {
.g_sybantu .text { top: 35%; width: 1024px; }
.g_sybantu .text h2 { font-size: 42px; }
.g_sybantu .text strong { font-size: 30px; }
.muo1 .ul1 li a { line-height: 50px; font-size: 16px; font-weight: 500; border-bottom-width: 2px; }
.muo1 .ul1 li:hover a { border-bottom-width: 2px; }
.muo1 .ul2 li a { padding: 30px 0; }
.muo1 .ul2 li a .pho { width: 190px; }
.muo1 .ul2 li a p { font-size: 17px; }
.muo2 .lBox .text { padding: 30px 40px; }
.muo2 .lBox .text h5 { font-size: 18px; }
.muo2 .lBox .text h2 { font-size: 36px; }
.muo2 .lBox .text p { font-size: 15px; line-height: 28px; }
.muo2 .lBox ul { padding: 0 40px; }
.muo2 .lBox ul li strong { font-size: 32px; }
.muo2 .lBox ul li span { font-size: 15px; }
.muo2 .rBox li { padding-left: 22px; margin-bottom: 30px; }
.muo2 .rBox li a .pho .tex b { margin-top: 20px; }
.muo6 h2.titl { font-size: 28px; line-height: 50px; }
.muo6 .seCon p { line-height: 32px; }
.muo6 .seCon a { width: 140px; line-height: 36px; border-radius: 18px; }
.muo6 .seCon .ul li span b { width: 40px; height: 40px; }
.muo6 .seCon .ul li img { width: 40px; }
.muo6 .seCon .ul li.on img { margin-top: -40px; }
.muo6 .seCon .ul li span:after { width: 65px; height: 65px; }
.muo6 .seCon .ul li span { width: 80px; height: 80px; }
.muo6 .seBot .box1 li strong { font-size: 30px; }
.muo6 .seBot .box1 li p { font-size: 16px; }
.muo6 .seBot .box2 li span { font-size: 60px; }
.muo6 .seBot .box2 li p { font-size: 15px; }
.muo6 .seBot .tab { padding: 50px 0; }
.muo5 li .pho:after { width: 45px; height: 45px; }
.muo7 h2 { font-size: 28px; }
.muo7 h4 { font-size: 24px; }
.muo3 .alSwiper .text { transform: translateY(60%); }
.muo3 .alSwiper .text h3 { font-size: 16px; }
.muo3 .alSwiper .text p { margin-bottom: 18px; }
.muo3 .swiper-button-next, .muo3 .swiper-button-prev { top: 50%; }
.muo4 li a .text { padding: 20px 15px; }
.muo4 li a .text p { font-size: 17px; }
.muo4 .dl dl { width: 48%; margin-right: 4%; }
.muo4 .dl dl:nth-child(3n) { margin-right: 4%; }
.muo4 .dl dl:nth-child(2n) { margin-right: 0; }
}
 @media all and (min-width: 1024px) and (max-width: 1300px) {
.muo6 .seCon p { width: 100%; }
.muo3 .swiper-button-prev { left: 4%; }
.muo3 .swiper-button-next { right: 4%; }
.muo3 .alSwiper .text p { font-size: 14px; line-height: 25px; height: 50px; }
}
 @media all and (min-width: 0) and (max-width: 767px) {
.g_sybantu .text { top: 50%; transform: translate(-50%, -50%); width: 90%; text-align: center; }
.bannerswiper .text { position: absolute; left: 0; text-align: center; color: #fff; top: 25%; width: 100% }
.bannerswiper .swiper-slide { position: relative; }
.bannerswiper .text strong { font-size: 18px; font-weight: 500 }
.bannerswiper .swiper-button-next:after, .bannerswiper .swiper-button-prev:after { color: #fff }
.g_sybantu .text h2, .bannerswiper .text h2 { font-size: 24px; letter-spacing: 0; }
.g_sybantu .text strong { font-size: 22px; }
.slick-next { right: 20px; top: 50%; }
.slick-prev { left: 20px; top: 50%; }
.g_syban .more { display: none; }
.muo1 .ul1 { margin-bottom: 20px; }
.muo1 .ul1 li { width: 50%; padding: 8px; box-sizing: border-box; border-bottom: none; }
.muo1 .ul1 li a { line-height: 40px; font-size: 15px; color: #fff; font-weight: 500; text-align: center; border: none; background: #2a8b3a; border-radius: 5px; }
.muo1 .ul1 li:hover a { border-bottom: inherit; color: #fff; }
.muo1 .ul2 li { width: 100%; float: inherit; }
.muo1 .ul2 li a { padding: 20px 44px 0; }
.muo1 .ul3 li:nth-child(2n) a { background: #fff; }
.muo1 .ul3 li:nth-child(odd) a { background: #f9f9f9; }
.muo1 .ul2 li a .pho { width: 200px; }
.muo1 .ul2 li a p { margin: 30px 0 20px; font-size: 15px; }
.muo2 { margin: 30px 0; }
.muo2 .lBox { width: 100%; }
.muo2 .lBox .text { padding: 20px 10px; }
.muo2 .lBox .text h5 { font-size: 16px; }
.muo2 .lBox .text h2 { font-size: 30px; }
.muo2 .lBox .text p { font-size: 15px; line-height: 30px; margin-top: 12px; }
.muo2 .lBox ul { display: none; }
.muo2 .rBox { width: 100%; margin-top: 26px; }
.muo2 .rBox li { width: 100%; float: inherit; padding-left: 0px; margin-bottom: 20px; }
.muo2 .rBox li:nth-child(2n) .pho img { opacity: 1; }
.muo2 .rBox li a .pho .tex { display: none; }
.muo2 .rBox li a h3 { font-size: 16px; padding: 0; }
.muo2 .rBox li a span { display: none; }
.muo2 .rBox li a .text { top: inherit; text-align: left; background: rgba(0, 0, 0, 0.3); transform: translateY(0); }
.muo2 .rBox li a .text h3 { margin-top: 0; margin-bottom: 10px; }
.muo2 .rBox li a .text p { font-size: 14px; }
.muo3 { padding: 25px 0 10px; }
.muo3:before { display: none; }
.muo3:after { display: none; }
.muo3 .swiper-container { margin: 0 40px; }
.muo3 .swiper-button-next, .muo3 .swiper-button-prev { width: 36px; top: 50%; height: 36px; }
.muo3 .swiper-button-next { right: 10px; }
.muo3 .swiper-button-prev { left: 10px; }
.muo3 .alSwiper .text { position: inherit; left: inherit; right: inherit; bottom: inherit; top: inherit; background: #2a8b3a; padding: 15px 12px; transform: translateY(0%); }
.muo3 .alSwiper .text h3 { font-size: 16px; }
.muo3 .alSwiper .text span.time { font-size: 13px; margin-top: 5px; }
.muo3 .alSwiper .text p { font-size: 14px; line-height: 25px; margin: 10px 0 15px; height: 50px; }
.muo3 .alSwiper .text span.more { display: none; }
.muo3 .alSwiper .swiper-slide:hover .text { transform: translateY(0); padding-top: 15px; background: #2a8b3a; }
.muo4 { padding: 30px 16px; }
.muo4 .title h2 { color: #fff; margin-bottom: 15px; }
.muo4 li { width: 100%; float: inherit; margin-right: 0%; margin-bottom: 20px; }
.muo4 li a .text { padding: 20px; }
.muo4 li a .text p { font-size: 16px; }
.muo4 li a .text span { font-size: 14px; }
.muo4 .dl dl { margin-top: 20px; width: 100%; margin-right: 0%; float: inherit; }
.muo4 .dl dl dt { width: 80px; }
.muo4 .dl dl dt span { line-height: 40px; font-size: 17px; }
.muo4 .dl dl dt strong { line-height: 60px; font-size: 22px; }
.muo4 .dl dl dd { padding: 0 13px; }
.muo4 .dl dl dd h3 { font-size: 16px; width: 90%; height: 22px; }
.muo5 { padding-bottom: 40px; }
.muo5 li { width: 50%; float: left; padding: 6px; }
.muo5 li .pho:after { width: 40px; height: 40px; }
.muo5 li p { line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; }
.muo6 h2.titl { font-size: 26px; }
.muo6 .seCon { padding: 30px 15px 30px; }
.muo6 .seCon p { width: 100%; margin: 20px auto; font-size: 15px; line-height: 30px; }
.muo6 .seCon a { width: 140px; line-height: 36px; margin: 20px auto; font-size: 14px; border-radius: 18px; }
.muo6 .seCon .ul li { width: 80px; margin: 0 10px; opacity: 1; }
.muo6 .seCon .ul li span { width: 80px; height: 80px; }
.muo6 .seCon .ul li span b { width: 36px; height: 36px; padding: 5px; }
.muo6 .seCon .ul li span:after { width: 60px; height: 60px; border: 1px dashed #fff; }
.muo6 .seCon .ul li img { width: 36px; }
.muo6 .seCon .ul li.on img { margin-top: -36px; }
.muo6 .seCon .ul li strong { font-size: 17px; }
.muo6 .seBot { padding: 50px 0px; }
.muo6 .seBot .tab { padding: 0px 0; }
.muo6 .seBot .box1 { text-align: center; }
.muo6 .seBot .box1 li { width: 30%; display: inline-block; float: inherit; margin: 10px 0 }
.muo6 .seBot .box1 li strong { font-size: 26px; }
.muo6 .seBot .box1 li:nth-child(3) { border-right: none; }
.muo6 .seBot .box1 li span { font-size: 18px; }
.muo6 .seBot .box1 li p { font-size: 14px; }
.muo6 .seBot .box2 li { width: 50%; padding: 20px 0; }
.muo6 .seBot .box2 li span { width: 60px; margin: 0 auto 10px; }
.muo6 .seBot .box2 li strong { font-size: 17px; }
.muo6 .seBot .box2 li p { font-size: 15px; }
.muo7 { padding: 50px 0; }
.muo7 h2 { font-size: 26px; }
.muo7 h4 { font-size: 20px; margin: 15px 0 30px; letter-spacing: 1px; }
.muo7 p { font-size: 16px; }
.muo7 a { width: 140px; line-height: 38px; font-size: 15px; }
}